<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="wrap">
        <div class="title">
            <span>我的桌面</span>
            <span class="active">订单列表</span>
        </div>
        <div class="con">
            <div class="con-one ">我的桌面</div>
            <div class="con-one active ">
                <h2>
                    <button class="del-all">批量删除</button>
                    <button class="add">添加</button>
                    <b class="num-all">总共：<span>88</span> 条数据</b>
                </h2>

                <table>
                    <thead>
                        <tr>
                            <th>
                                全选<input type="checkbox">
                            </th>
                            <th>
                                姓名
                            </th>
                            <th>
                                手机号
                            </th>
                            <th>
                                邮箱
                            </th>
                            <th>
                                支付方式
                            </th>
                            <th>
                                操作
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <input type="checkbox">
                            </td>
                            <td>
                                张三
                            </td>
                            <td>
                                13171996138
                            </td>
                            <td>
                                68541@qq.com
                            </td>
                            <td>
                                支付宝
                            </td>
                            <td>
                                <button class="del"> 删除</button>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox">
                            </td>
                            <td>
                                张三
                            </td>
                            <td>
                                13171996138
                            </td>
                            <td>
                                68541@qq.com
                            </td>
                            <td>
                                支付宝
                            </td>
                            <td>
                                <button class="del"> 删除</button>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox">
                            </td>
                            <td>
                                张三
                            </td>
                            <td>
                                13171996138
                            </td>
                            <td>
                                68541@qq.com
                            </td>
                            <td>
                                支付宝
                            </td>
                            <td>
                                <button class="del"> 删除</button>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="box">
                    <button class="prev">《《</button>
                    <ul class="page">
                        <li class="active">1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                    <button class="next">》》</button>
                </div>

            </div>
        </div>
    </div>

    <!-- <div class="mask"></div>
    <div class="content">
        <p>
            <span>姓名：</span>
            <input type="text">
        </p>
        <p>
            <span>电话：</span>
            <input type="text">
            <b>提示信息</b>
        </p>
        <p>
            <span>邮箱：</span>
            <input type="text">
            <b>提示信息</b>
        </p>
        <p>
            <span>支付方式</span>
            <select name="" id="">
                <option value="">支付宝</option>
                <option value="">微信支付</option>
                <option value="">网易支付</option>
            </select>
        </p>
        <button class="submit">提交</button>
        <button class="close">取消</button>
    </div> -->
    <script src="./lib/require.js" data-main="main"></script>
</body>

</html>